<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../fonts/header-icon/iconfont.css">
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
</head>

<body>
    <header>
        <div class="header-main">
            <div class="site">
                <i class="iconfont icon-position"></i>
                <span>郑州市</span>
            </div>
            <div class="dz">
                <a href="">请登录</a>
                <a href="">免费注册</a>
            </div>
            <ul class="header-main-right">
                <li><a href="">我的订单</a></li>
                <li><a href="">我的浏览</a></li>
                <li><a href="">我的收藏</a></li>
                <li><a href="">客户服务</a></li>
                <li>网站导航<span class="iconfont icon-xiangxia"></span></li>
                <div class="side-main">
                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/cart-nogoods.png" alt="">
                    <p>不好意思，网络开小差了哦</p>
                </div>
                <div class="side-nav">
                    <ul class="side-nav-list">
                        <li>特色主题</li>
                        <li><a href="">家用电器</a></li>
                        <li><a href="">男装女装</a></li>
                        <li><a href="">鞋靴箱包</a></li>
                    </ul>
                    <dl class="side-nav-list-right">
                        <dt>促销活动</dt>
                        <dd><a href="">拍卖活动</a></dd>
                        <dd><a href="">共创商品</a></dd>
                        <dd><a href="">共创商品</a></dd>
                        <dd><a href="">CMS频道</a></dd>
                        <dd><a href="">优惠活动</a></dd>
                        <dd><a href="">超值礼包</a></dd>
                        <dd><a href="">优惠券</a></dd>
                        <dd><a href="">礼品卡</a></dd>
                        <dd><a href="">预售商品</a></dd>
                    </dl>
                </div>
            </ul>
        </div>
        <!-- 头部第二部分 -->
        <div class="sec">
            <a href="" class="logo"><img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="">
            </a>
            <div class="int">
                <form action="">
                    <input type="text" placeholder="周大福">
                    <button type="sunmit">搜商品</button>
                    <button type="sunmit">搜店铺</button>
                </form>
                <ul class="int-list">
                    <li><a href="">周大福</a></li>
                    <li><a href="">内衣</a></li>
                    <li><a href="">Five Plus</a></li>
                    <li><a href="">手机</a></li>
                </ul>
            </div>
            <!-- 购物车 -->
            <a href="" class="shop">
                <i class="iconfont icon-gouwuche"></i>
                <span>我的购物车</span>
                <b>0</b>
            </a>
            <div class="shop-nav">
                <b>
                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/cart-nogoods.png" alt="">
                </b>
                <span>购物车中还没有商品，赶紧选购吧！</span>
            </div>
        </div>
    </header>
    <script src="../js/header.js"></script>
</body>

</html>